<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>小米官网</title>
		<link rel="stylesheet" type="text/css"href="css/xiaomi.css"/>
		<script src="http://cdn.bootcss.com/jquery/1.8.3/jquery.js"></script>
		<script src="js/xiaomi.js"></script>
	</head>
	<body>
	<!--头部标签-->
		<div class="top">
			<div class="topcenter">
				<ul class="left">
					<li class="first"><a href="#">小米网</a></li>
					<li><a href="#">MIUI</a></li>
					<li><a href="#">米聊</a></li>
					<li><a href="#">游戏</a></li>
					<li><a href="#">多看阅读</a></li>
					<li><a href="#">云服务</a></li>
					<li><a href="#">小米网移动版</a></li>
					<li><a href="#">问题反馈</a></li>
					<li><a href="#">Select Region</a></li>
				</ul>
				<div class="right">
					<a class="cart" href="#"><i class="iconfont">&#xe65a;</i>购物车</a>
					<a class="register" href="#">注册</a>
					<a class="onload" href="#">登录</a>
					<div class="cartList">购物车里还没有商品，赶紧选购吧！</div>
				</div>
			</div>
		</div>
	<!--导航标签-->
		<div class="nav">
			<h1><i><a id="mi-logo" href="javascript:;"></a></i><a id="ad-1" href="javascript:;"><img src="img/haidaoquannew.gif"/></a></h1>
			<div id="navlist">
				<a href="javascript:;">小米手机</a><a href="javascript:;">红米</a><a href="javascript:;">平板</a><a href="javascript:;">电视</a><a href="javascript:;">盒子·影音</a><a href="javascript:;">路由器</a><a href="javascript:;">智能硬件</a>
			</div>
			<div class="nonavlist">
				<a href="javascript:;" class="no-effect">服务</a><a href="javascript:;" class="no-effect">社区</a>
			</div>
			<form class="sousu">
				<input type="text" value=""/>
				<a class="iconfont" href="javascript:;">&#xe699;</a>
			</form>
			<div id="search-hot-words"><a href="javascript:;">红米3S</a><a href="javascript:;">小米手环2</a></div>
			<ul id="searchlist">
				<li><a href="javascript:;">小米手机5<span>约有11件</span></a></li>
				<li><a href="javascript:;">空气净化器2<span>约有1件</span></a></li>
				<li><a href="javascript:;">活塞耳机<span>约有4件</span></a></li>
				<li><a href="javascript:;">小米路由器<span>约有8件</span></a></li>
				<li><a href="javascript:;">移动电源<span>约有21件</span></a></li>
				<li><a href="javascript:;">运动相机<span>约有3件</span></a></li>
				<li><a href="javascript:;">小蚁摄像机<span>约有2件</span></a></li> 
				<li><a href="javascript:;">小米体重秤<span>约有1件</span></a></li>
				<li><a href="javascript:;">小米插线板<span>约有13件</span></a></li>
				<li><a href="javascript:;">配件优惠套装<span>约有32件</span></a></li>
			</ul>
			<div class="classification">
				<div class="div01">
					<dl class="noline">
						<dt><a href="#"><img src="img/navpic1.jpg"/></a></dt>
							<dd><a href="#">小米Max</a></dd>
							<dd style="color:#ff7e00;">1499元起</dd>
					</dl>
					<dl>
						<dt><a href="#"><img src="img/mi5!160x110.jpg"/></a></dt>
							<dd><a href="#">小米5</a></dd>
							<dd style="color:#ff7e00;">1999元起</dd>
					</dl>
					<dl>
						<dt><a href="#"><img src="img/mi4s!160x110.jpg"/></a></dt>
							<dd><a href="#">小米4s</a></dd>
							<dd style="color:#ff7e00;">1699元起</dd>
					</dl>
					<dl>
						<dt><a href="#"><img src="img/mi4c!160x110.jpg"/></a></dt>
							<dd><a href="#">小米4c</a></dd>
							<dd style="color:#ff7e00;">1099元起</dd>
					</dl>
				</div>
				<div class="div01">
					<dl class="noline">
						<dt><a href="#"><img src="img/note3!160x110.jpg"/></a></dt>
							<dd><a href="#">红米Note 3</a></dd>
							<dd style="color:#ff7e00;">899元起</dd>
					</dl>
					<dl>
						<dt><a href="#"><img src="img/hongmi3s!160x110.jpg"/></a></dt>
							<dd><a href="#">红米手机3s</a></dd>
							<dd style="color:#ff7e00;">699元起</dd>
					</dl>
					<dl>
						<dt><a href="#"><img src="img/hongmi3!160x110.jpg"/></a></dt>
							<dd><a href="#">红米手机3</a></dd>
							<dd style="color:#ff7e00;">699元起</dd>
					</dl>
				</div>
				<div class="div01">
					<dl class="noline">
						<dt><a href="#"><img src="img/mipad2-16!160x110.jpg"/></a></dt>
							<dd><a href="#">小米平板2 16GB</a></dd>
							<dd style="color:#ff7e00;">999元起</dd>
					</dl>
					<dl>
						<dt><a href="#"><img src="img/mipad2-64!160x110.jpg"/></a></dt>
							<dd><a href="#">小米平板2 64GB</a></dd>
							<dd style="color:#ff7e00;">1299元起</dd>
					</dl>
					<dl>
						<dt><a href="#"><img src="img/mipad2-64-win!160x110.jpg"/></a></dt>
							<dd><a href="#">小米平板2 64GB Windows版</a></dd>
							<dd style="color:#ff7e00;">1299元起</dd>
					</dl>
				</div>
				<div class="div01">
					<dl class="noline">
						<dt><a href="#"><img src="img/mitv3s-43!160x110.jpg"/></a></dt>
							<dd><a href="#">小米电视3s 43英寸</a></dd>
							<dd style="color:#ff7e00;">1799元起</dd>
					</dl>
					<dl>
						<dt><a href="#"><img src="img/mitv3s48!160x110.jpg"/></a></dt>
							<dd><a href="#">小米电视3s 48英寸</a></dd>
							<dd style="color:#ff7e00;">1999元起</dd>
					</dl>
					<dl>
						<dt><a href="#"><img src="img/mitv355!160x110 (1).jpg"/></a></dt>
						<dd><a href="#">小米电视3 55英寸</a></dd>
						<dd style="color:#ff7e00;">3999元起</dd>
					</dl>
					<dl>
						<dt><a href="#"><img src="img/mitv3.jpg"/></a></dt>
						<dd><a href="#">小米电视3 60英寸</a></dd>
						<dd style="color:#ff7e00;">4999元起</dd>
					</dl>
					<dl>
						<dt><a href="#"><img src="img/mitv3s-65!160x110.jpg"/></a></dt>
						<dd><a href="#">小米电视3s 65英寸 曲面</a></dd>
						<dd style="color:#ff7e00;">8999元起</dd>
					</dl>
					<dl>
						<dt><a href="#"><img src="img/mitv70!160x110 (1).jpg"/></a></dt>
						<dd><a href="#">小米电视3 70英寸</a></dd>
						<dd style="color:#ff7e00;">9999元起</dd>
					</dl>
				</div>
				<div class="div01">
					<dl class="noline">
						<dt><a href="#"><img width="160" height="110" src="img/hezimini.png"/></a></dt>
						<dd><a href="#">小米盒子MINI版</a></dd>
						<dd style="color:#ff7e00;">199元起</dd>
					</dl>
					<dl>
						<dt><a href="#"><img width="160" height="110" src="img/hezi3.png"/></a></dt>
						<dd><a href="#">小米盒子3</a></dd>
						<dd style="color:#ff7e00;">299元起</dd>
					</dl>
					<dl>
						<dt><a href="#"><img src="img/hezi3s!160x110.jpg"/></a></dt>
							<dd><a href="#">小米盒子3 增强版</a></dd>
							<dd style="color:#ff7e00;">399元起</dd>
					</dl>
					<dl>
						<dt><a href="#"><img src="img/zhuji!160x110.jpg"/></a></dt>
							<dd><a href="#">小米电视主机</a></dd>
							<dd style="color:#ff7e00;">999元起</dd>
					</dl>
					<dl>
						<dt><a href="#"><img src="img/jinshuban!160x110.jpg"/></a></dt>
							<dd><a href="#">小米家庭音响 金属版</a></dd>
							<dd style="color:#ff7e00;">899元起</dd>
					</dl>
					<dl>
						<dt><a href="#"><img src="img/putonban!160x110.jpg"/></a></dt>
							<dd><a href="#">小米家庭音响 标准版</a></dd>
							<dd style="color:#ff7e00;">699元起</dd>
					</dl>
				</div>
				<div class="div01">
					<dl class="noline">
						<dt><a href="#"><img src="img/miwifi!160x110.jpg"/></a></dt>
							<dd><a href="#">电视</a></dd>
							<dd style="color:#ff7e00;">1499元起</dd>
					</dl>
					<dl>
						<dt><a href="#"><img src="img/miwifi-3!160x110.png"/></a></dt>
							<dd><a href="#">电视</a></dd>
							<dd style="color:#ff7e00;">1499元起</dd>
					</dl>
					<dl>
						<dt><a href="#"><img src="img/miwifimini!160x110.jpg"/></a></dt>
							<dd><a href="#">电视</a></dd>
							<dd style="color:#ff7e00;">1499元起</dd>
					</dl>
					<dl class="noline">
						<dt><a href="#"><img src="img/miwifilite!160x110.jpg"/></a></dt>
							<dd><a href="#">小米盒子</a></dd>
							<dd style="color:#ff7e00;">1499元起</dd>
					</dl>
					<dl>
						<dt><a href="#"><img src="img/miwifilite!160x110 (1).jpg"/></a></dt>
							<dd><a href="#">小米盒子</a></dd>
							<dd style="color:#ff7e00;">1499元起</dd>
					</dl>
					<dl>
						<dt><a href="#"><img src="img/wifiExtension!160x110.jpg"/></a></dt>
							<dd><a href="#">小米盒子</a></dd>
							<dd style="color:#ff7e00;">1499元起</dd>
					</dl>
				</div>
				<div class="div01">
					<dl class="noline">
						<dt><a href="#"><img src="img/dianfanbao!160x110.jpg"/></a></dt>
							<dd><a href="#">电视</a></dd>
							<dd style="color:#ff7e00;">1499元起</dd>
					</dl>
					<dl>
						<dt><a href="#"><img src="img/scooter!160x110.jpg"/></a></dt>
							<dd><a href="#">电视</a></dd>
							<dd style="color:#ff7e00;">1499元起</dd>
					</dl>
					<dl>
						<dt><a href="#"><img src="img/air2!160x110.jpg"/></a></dt>
							<dd><a href="#">电视</a></dd>
							<dd style="color:#ff7e00;">1499元起</dd>
					</dl>
					<dl class="noline">
						<dt><a href="#"><img src="img/scale!160x110.jpg"/></a></dt>
							<dd><a href="#">小米盒子</a></dd>
							<dd style="color:#ff7e00;">1499元起</dd>
					</dl>
					<dl>
						<dt><a href="#"><img src="img/xiaoyi!160x110.jpg"/></a></dt>
							<dd><a href="#">小米盒子</a></dd>
							<dd style="color:#ff7e00;">1499元起</dd>
					</dl>
					<dl>
						<dt><a href="#"><img src="img/zhinengyingjian!160x110.jpg"/></a></dt>
							<dd><a href="#">小米盒子</a></dd>
							<dd style="color:#ff7e00;">1499元起</dd>
					</dl>
				</div>
			</div>
		</div>
		
	<!--banner标签-->	
	<div class="ban">
		<ul id="bannerList">
			<li><a href="javascript:;"><img class="active" src="img/banner1.jpg"/></a></li>
			<li><a href="javascript:;"><img src="img/banner2.jpg"/></a></li>
			<li><a href="javascript:;"><img src="img/banner3.jpg"/></a></li>
			<li><a href="javascript:;"><img src="img/banner4.jpg"/></a></li>
			<li><a href="javascript:;"><img src="img/banner5.jpg"/></a></li>
		</ul>
		<div id="banner-num"><i class="active"></i><i></i><i></i><i></i><i></i></div>
		<div class="control-direction">
			<a class="banprev" href="javascript:;"></a><a class="bannext" href="javascript:;"></a>
		</div>
		<div class="subnavbg"></div>
		<ul id="subnav" class="subnav">
			<li><a href="#">手机  平板  电话卡<span>&gt;</span></a>
				<div class="children">
					<ul class="children-list children-list-col-1">
						<li>
							<a href="javascript:;" class="links">
								<img src="img/mi5bar80 (1).jpg" />
								<span class="text">小米手机5</span>
							</a>
							<a class="btn" href="javascript:;">选购</a>
						</li>
						<li>
							<a href="javascript:;" class="links">
								<img src="img/maxbar80 (1).jpg" />
								<span class="text">小米Max</span>
							</a>
							<a class="btn" href="javascript:;">选购</a>
						</li>
						<li>
							<a href="javascript:;" class="links">
								<img src="img/mi4s80 .jpg" />
								<span class="text">小米手机4S</span>
							</a>
							<a class="btn" href="javascript:;">选购</a>
						</li>
						<li>
							<a href="javascript:;" class="links">
								<img src="img/mi4c (1).jpg" />
								<span class="text">小米手机4c</span>
							</a>
							<a class="btn" href="javascript:;">选购</a>
						</li>
						<li>
							<a href="javascript:;" class="links">
								<img src="img/note3 (1).jpg" />
								<span class="text">红米Note 3</span>
							</a>
							<a class="btn" href="javascript:;">选购</a>
						</li>
						<li>
							<a href="javascript:;" class="links">
								<img src="img/hm3s80x80 (1).jpg" />
								<span class="text">红米手机3S</span>
							</a>
							<a class="btn" href="javascript:;">选购</a>
						</li>
					</ul>
					<ul class="children-list children-list-col-2">
						<li>
							<a href="javascript:;" class="links">
								<img src="img/hongmi3 (1).jpg" />
								<span class="text">小米手机5</span>
							</a>
							<a class="btn" href="javascript:;">选购</a>
						</li>
						<li>
							<a href="javascript:;"class="links"> 
								<img src="img/pad2 (1).png" />
								<span class="text">小米平板2</span>
							</a>
							<a class="btn" href="javascript:;">选购</a>
						</li>
						<li>
							<a href="javascript:;" class="links">
								<img src="img/heyue (1).jpg" />
								<span class="text">合约机</span>
							</a>
							<a class="btn" href="javascript:;">选购</a>
						</li>
						<li>
							<a href="javascript:;" class="links">
								<img src="img/3X80 (1).jpg" />
								<span class="text">定制版手机</span>
							</a>
							<a class="btn" href="javascript:;">选购</a>
						</li>
						<li>
							<a href="javascript:;" class="links">
								<img src="img/compare (1).jpg" />
								<span class="text">对比手机</span>
							</a>
							<a class="btn" href="javascript:;">选购</a>
						</li>
						<li>
							<a href="javascript:;" class="links">
								<img src="img/mimobile (1).jpg" />
								<span class="text">小米移动 电话卡</span>
							</a>
							<a class="btn" href="javascript:;">选购</a>
						</li>
					</ul>
				</div>
			</li>
			<li><a href="#">电视   盒子<span>&gt;</span></a>
				<div class="children children-list-col-3">
					<ul class="children-list children-list-col-1">
						<li>
							<a href="javascript:;" class="links">
								<img src="img/4380side (1).jpg" />
								<span class="text">小米手机5</span>
							</a>
						</li>
						<li>
							<a href="javascript:;" class="links">
								<img src="img/mitv3s48 (1).jpg" />
								<span class="text">小米Max</span>
							</a>
						</li>
						<li>
							<a href="javascript:;" class="links">
								<img src="img/tv3-55 (1).jpg" />
								<span class="text">小米手机4S</span>
							</a>
						</li>
						<li>
							<a href="javascript:;" class="links">
								<img src="img/tv60 (1).jpg" />
								<span class="text">小米手机4c</span>
							</a>
						</li>
						<li>
							<a href="javascript:;" class="links">
								<img src="img/6580side (1).jpg" />
								<span class="text">红米Note 3</span>
							</a>
						</li>
						<li>
							<a href="javascript:;" class="links">
								<img src="img/tv70 (1).png" />
								<span class="text">红米手机3S</span>
							</a>
						</li>
					</ul>
					<ul class="children-list children-list-col-2">
						<li>
							<a href="javascript:;" class="links">
								<img src="img/tvzj (1).jpg" />
								<span class="text">小米手机5</span>
							</a>
						</li>
						<li>
							<a href="javascript:;"class="links"> 
								<img src="img/hezizengqiangban80side (1).jpg" />
								<span class="text">小米平板2</span>
							</a>
						</li>
						<li>
							<a href="javascript:;" class="links">
								<img src="img/hezis (1).jpg" />
								<span class="text">合约机</span>
							</a>
						</li>
						<li>
							<a href="javascript:;" class="links">
								<img src="img/hezimini (1).jpg" />
								<span class="text">定制版手机</span>
							</a>
						</li>
						<li>
							<a href="javascript:;" class="links">
								<img src="img/diyinpao (1).jpg" />
								<span class="text">对比手机</span>
							</a>
						</li>
						<li>
							<a href="javascript:;" class="links">
								<img src="img/shb (1).jpg" />
								<span class="text">小米移动 电话卡</span>
							</a>
						</li>
					</ul>
					<ul class="children-list children-list-col-1">
						<li>
							<a href="javascript:;" class="links">
								<img src="img/zuheyinxiang80side (1).jpg" />
								<span class="text">小米手机5</span>
							</a>
						</li>
						<li>
							<a href="javascript:;" class="links">
								<img src="img/dianshipeijian (1).jpg" />
								<span class="text">小米Max</span>
							</a>
						</li>
					</ul>
				</div>
			</li>
			<li><a href="#">路由器   智能硬件<span>&gt;</span></a></li>
			<li><a href="#">移动电源   插线板<span>&gt;</span></a></li>
			<li><a href="#">耳机   音箱<span>&gt;</span></a></li>
			<li><a href="#">电池   存储卡<span>&gt;</span></a></li>
			<li><a href="#">保护套   后盖<span>&gt;</span></a></li>
			<li><a href="#">贴膜   其他配件<span>&gt;</span></a></li>
			<li><a href="#">米兔   服装<span>&gt;</span></a></li>
			<li><a href="#">箱包   其他周边<span>&gt;</span></a></li>
		</ul>
	</div>
	</body>
</html>
